<template>
  <div id="components-table-demo-size">
    <h4 class="text-size-20">个人基本信息</h4>
    <a-table
      align="left"
      :showHeader="false"
      :columns="columns"
      :data-source="data"
      size="middle"
      :pagination="false"
    />
  </div>
</template>
<script setup>
import { ref } from "vue";

const columns = ref([
  {
    title: "firstHeader",
    dataIndex: "firstHeader",
    resizable: true,
    width: 100,
  },
  {
    title: "firstValue",
    dataIndex: "firstValue",
    width: 100,
  },
  {
    title: "interval",
    dataIndex: "interval",
    width: 200,
  },
  {
    title: "secondHeader",
    dataIndex: "secondHeader",
    width: 100,
  },
  {
    title: "secondValue",
    dataIndex: "secondValue",
  },
]);
const data = [
  {
    key: "1",
    firstHeader: "姓 名：",
    firstValue: "冉建熊",
    secondHeader: "性 别：",
    secondValue: "男",
  },
  {
    key: "2",
    firstHeader: "年龄：",
    firstValue: "27",
    secondHeader: "专业：",
    secondValue: "建筑电气与智能化",
  },
  {
    key: "3",
    firstHeader: "学历：",
    firstValue: "本科",
    secondHeader: "",
    secondValue: "",
  },
  {
    key: "4",
    firstHeader: "籍贯：",
    firstValue: "重庆酉阳",
    secondHeader: "现居：",
    secondValue: "重庆 渝北",
  },
  {
    key: "4",
    firstHeader: "电话：",
    firstValue: "16623609820",
    secondHeader: "邮箱：",
    secondValue: "1839833172@qq.com",
  },
];
</script>

<style scoped></style>
